@charset "utf-8";
/*
------------------------------
AUTHOR DETAILS
Name:                   JohnGR
------------------------------
------------------------------
FILE DETAILS
Name:                style.css
Created:            09/11/2009
Last Updated:       14/12/2009
------------------------------
*/

/* RESET (Some basic reseting) */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, h4, h5, h6 { background:transparent; border:0; font-size:100%; margin:0; outline:0; padding:0; vertical-align:baseline;  }
ul, ol { margin:13px 0 13px 15px; padding:0; }
ul li, ol li { line-height:1.7; margin:0 0 2px 0; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; }
:focus { outline:0; }
ins { text-decoration:none; }	
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
/* END OF RESET */

/* CLEAR (Clearing floating divs) */
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* END OF CLEAR */

/* BODY, HTML */
html, body { background:#EEE url(../img/bg.png) top left repeat-x; color:#333; font:11px Segoe UI, Arial, sans-serif; margin:0; padding:0; }
/* END OF BODY, HTML */

/* PAGE */
/* INDEX */
.push { height:20px; }
#container { background:#FFF top right repeat-y; border:1px solid #999; margin:0 auto; width:960px; }
#header { background:url(../img/bg_header.jpg) top left no-repeat; height:100px; }
#header #logo { float:left; line-height:100px; padding:0 0 0 20px; width:670px; }
#header #admin-details { float:right; line-height:25px; margin:10px 0; padding:15px 10px; text-align:center; width:250px; }
#header #admin-details img { float:left; margin-left:10px; }
#content { float:left; padding:0 10px 10px; width:950px; }

#footer { background-color:#F9F9F9; border-top:1px solid #CCC; height:15px; line-height:15px; padding:10px; text-align:center; }

/* LOGIN EXTRAS */
#header-login {
	line-height:250px;
	text-align:center;
	vertical-align: bottom;
}
#login-container { background-color:#FFF; border:1px solid #555; margin:0 auto; padding:20px; text-align:center; width:350px; }

/* END OF PAGE */

/* BASIC STUFF */
h1, h2, h3, h5, h6 { color:#222; line-height:1.2; padding:5px 5px 5px 0; text-align:left; margin:10px 0; }
h4, h5, h6 { color:#444; }
h2 { border-bottom:1px solid #CCC; font-size:17px; height:32px; line-height:32px; margin:20px 0; padding:0 0 0 45px; }
h3 { border-bottom:1px solid #CCC; font-size:13px; height:32px; line-height:32px; padding:0 0 0 5px; }
h4 { font-size:13px; }
h5 { font-size:12px; }
h6 { font-size:11px; }
dl { margin:12px 0; }
dl dt { font-weight:bold; margin:8px 0; }
dl dd { font-size:12px; margin:0 0 0 15px; }
img { border:0; }
p { line-height:1.6; margin:5px 0; text-align:justify; }
a { color:#4096EE; text-decoration:none; }
a:hover{ text-decoration:underline;	}
a:active{ }
a:visited{ }
a.logo { color:#222; font-size:40px; font-style:italic; font-weight:bold; text-shadow:0 2px 3px #777; }
a.logo:hover { text-decoration:none; }
a.side-a { border-bottom:1px solid #EEE; color:#F00; display:block; margin:0 -10px 10px; padding:5px 0; text-align:center; }
a.side-a:hover { background:#F5F5F5 url(../img/minibg.png) top left repeat-x; text-decoration:none; }
a.a-dark { color:#006; }
a.a-red { color:#F00; }
.pad-lr { padding:0 15px; }
.radius { -moz-border-radius:6px; -webkit-border-radius: 6px; }
.center { text-align:center; }
.charsLeft { float:left; font-size:16px; font-weight:bold; padding-left:10px; }
.hidethis { cursor:pointer; }
#msg-twitter { display:none; }
/* END OF BASIC STUFF */

/* ICONS */
/* MAIN ICONS (For main content, add one class to h2 tag for the corresponding icon) */
.ic-default { background:url(../img/ic-default.png) 5px center no-repeat; }
.ic-msg { background:url(../img/ic-msg.png) 5px center no-repeat; }
.ic-user { background:url(../img/ic-user.png) 5px center no-repeat; }
.ic-comment { background:url(../img/ic-comment.png) 5px center no-repeat; }
.ic-db { background:url(../img/ic-db.png) 5px center no-repeat; }
.ic-style { background:url(../img/ic-style.png) 5px center no-repeat; }
.ic-tagblue { background:url(../img/ic-tagblue.png) 5px center no-repeat; }
.ic-taggreen { background:url(../img/ic-taggreen.png) 5px center no-repeat; }
.ic-tagorange { background:url(../img/ic-tagorange.png) 5px center no-repeat; }

/* SIDEBAR ICONS (For sidebar, add one class to h3 tag for the corresponding icon) */
.ic-side-default { background:url(../img/ic-default.png) right center no-repeat; }
.ic-side-msg { background:url(../img/ic-msg.png) right center no-repeat; }
.ic-side-user { background:url(../img/ic-user.png) right center no-repeat; }
.ic-side-comment { background:url(../img/ic-comment.png) right center no-repeat; }
.ic-side-db { background:url(../img/ic-db.png) right center no-repeat; }
.ic-side-style { background:url(../img/ic-style.png) right center no-repeat; }
.ic-side-tagblue { background:url(../img/ic-tagblue.png) right center no-repeat; }
.ic-side-taggreen { background:url(../img/ic-taggreen.png) right center no-repeat; }
.ic-side-tagorange { background:url(../img/ic-tagorange.png) right center no-repeat; }

/* END OF ICONS */

/* MESSAGES */
.msg-info, .msg-atten, .msg-ok, .msg-error { color:#000; margin:3px 0; padding:10px 10px 10px 40px; }
.msg-info { background:#ADC2F7 url(../img/msg-info.png) 6px center no-repeat; border:1px solid #6D94F7; color:#03C; }
.msg-atten { background:#FAE673 url(../img/msg-atten.png) 6px center no-repeat; border:1px solid #FEBD63; color:#C60; }
.msg-ok { background:#AEE893 url(../img/msg-ok.png) 6px center no-repeat; border:1px solid #8EC46C; color:#060; }
.msg-error { background:#F4B8B5 url(../img/msg-error.png) 6px center no-repeat; border:1px solid #C94042; color:#900; }
.msg-general { background-color:#EEE; border:1px solid #777; margin:5px 0; padding:8px 5px; text-align:center; }
.msg-loading { background:#FFF url(../img/ajax-loader.gif) 10px center no-repeat; border:1px solid #777; margin:5px 0; padding:8px 5px; text-align:center; }
.msg2-ok { background:url(../img/msg-ok.png) 6px center no-repeat; color:#060; padding:5px 5px 5px 40px; }
.msg2-error { background:url(../img/msg-error.png) 6px center no-repeat; color:#900; padding:5px 5px 5px 40px; }
/* END OF MESSAGES */

/* FORMS */
form fieldset { border:1px solid #EEE; margin:5px 0; padding:5px; }
form legend { border-left:1px solid #EEE; border-right:1px solid #EEE; font-weight:bold; padding:5px 10px; }
form label { font-size:13px; }
form select { border:1px solid #999; color:#111; margin:5px 0; padding:2px; width:150px; }

form .box-small, form .box-medium, form .box-large { border:1px solid #999; color:#111; margin:5px 0; }
form .box-small:hover, form .box-medium:hover, form .box-large:hover, form .box-small:focus, form .box-medium:focus, form .box-large:focus { background:#FFF url(../img/bg_form.gif) top left repeat-y; }
form .box-small { padding:4px 2px 2px 10px; width:120px; }
form .box-medium { padding:6px 2px 2px 10px; width:230px; }
form .box-large { padding:8px 2px 2px 10px; width:400px; }

form .ta-default { border:1px solid #999; padding:5px 5px 5px 10px; margin:5px 0; width:500px; }
form .ta-default:hover, form .ta-default:focus { background:#FFF url(../img/bg_form.gif) top left repeat-y; }
form .ta-editor { border:1px solid #999; padding:5px 5px 5px 10px; }
form .ta-editor:hover, form .ta-editor:focus { background:#FFF url(../img/bg_form.gif) top left repeat-y; }
form .ta-side { border:1px solid #999; margin:5px 0; padding:5px 5px 5px 10px; width:230px; }
form .ta-side:hover, form .ta-side:focus { background:#FFF url(../img/bg_form.gif) top left repeat-y; }
form .ta-side-reply { border:1px solid #999; margin:5px 0; padding:5px 5px 5px 10px; }
form .ta-side-reply:hover, form .ta-side-reply:focus { background:#FFF url(../img/bg_form.gif) top left repeat-y; }

form .btn-green { background:#AEE893 url(../img/minibg.png) top left repeat-x; border:1px solid #8EC46C; cursor:pointer; padding:5px 15px; }
form .btn-green:hover { background-color:#BBF2B5; }
form .btn-blue { background:#ADC2F7 url(../img/minibg.png) top left repeat-x; border:1px solid #6D94F7; cursor:pointer; padding:5px 15px; }
form .btn-blue:hover { background-color:#B7D1F9; }
form .btn-grey { background:#AAA url(../img/minibg.png) top left repeat-x; border:1px solid #777; cursor:pointer; padding:5px 15px; }
form .btn-grey:hover { background-color:#CCC; }
/* END OF FORMS */

/* TABLES */
table { margin:10px 0; width:100%; border:1px solid #777; }
table th { height:30px; line-height:30px; padding:0 5px; text-align:left; background:#CCC url(../img/minibg.png) top left repeat-x; font-weight:bold; }
table td { height:20px; line-height:30px; padding:0 5px; text-align:left; }
table .t-color { background-color:#EEE; }
table .t-narrow { width:20px; }
/* END OF TABLES */

/* SIDEBAR NEW STUFF */
.new-stuff { background-color:#EEE; margin-bottom:5px; padding:5px; }
.new-stuff .new-minititle { font-style:italic; padding:3px 0; text-align:left; }
.new-stuff .new-minicontent { color:#999; padding-left:5px; }
.new-stuff .new-minimenu { padding:3px 0; text-align:right; }
.new-stuff .new-minireply { display:none; text-align:right; }
/* END OF SIDEBAR NEW STUFF */

/* NAVIGATION */
/* MAIN NAVIGATION */
ul#nav-menu { list-style:none; margin:0 0 0 10px; padding:0; }
ul#nav-menu li { float:left; font-size:14px; line-height:40px; margin:0 10px 0 0; padding:0; }
ul#nav-menu li a { color:#444; display:block; line-height:24px; margin:8px 0; padding:0 10px; }
ul#nav-menu li a:hover { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#777; color:#FFF; cursor:pointer; text-decoration:none;  }
ul#nav-menu li a:active { background:#777; }
ul#nav-menu li a.active { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#777; color:#FFF; }

/* SIDE NAVIGATION */
ul#nav-side-menu { list-style:none; margin:0; padding:0; }
ul#nav-side-menu li {	float:left; line-height:0;	margin:0 0 0 6px; padding:0; }
ul#nav-side-menu li a { border:1px solid #FFF; display:block; text-decoration:none; }
ul#nav-side-menu li a:hover { -moz-border-radius:6px; -webkit-border-radius:6px; background-color:#EEE; border:1px solid #999; }

#pop_down { background-color:#FFF; border-bottom:5px solid #999; display:none; margin:0 -10px 10px; padding:0 10px 10px; position:absolute; width:249px; }
#pop_down .side-content { display:none; }

/* PAGINATION */
.pagination { margin-top:15px; }
.page { background-color:#F9F9F9; border:1px solid #CCC; margin:0 2px; padding:5px; }
.page:hover { background-color:#EEE; text-decoration:none; }
.page-active { background-color:#999; color:#FFF; font-weight:bold; margin:0 2px; padding:5px; }
.page-inactive { background-color:#F9F9F9; border:1px solid #CCC; margin:0 2px; padding:5px; }

/* END OF NAVIGATION */

/* TOOLTIP */
.tipsy { background-repeat:no-repeat; font-size:12px; padding:5px; }
.tipsy-inner { -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#555; border:3px solid #000; color:white; max-width:200px; padding:4px 5px; text-align:center; }
.tipsy-north { background-image:url(../img/tipsy-north.gif); background-position:top center; }
.tipsy-south { background-image:url(../img/tipsy-south.gif); background-position:bottom center; }
.tipsy-east { background-image:url(../img/tipsy-east.gif); background-position:right center; }
.tipsy-west { background-image:url(../img/tipsy-west.gif); background-position:left center; }
/* END TOOLTIP */


/* UPDATES BELOW */


/* NEW Dropdown menu */
ul#jsddm { list-style:none; margin:8px 0 8px 10px; padding:0; }
ul#jsddm li { float:left; font-size:14px; line-height:40px; margin:3px 0; padding:0; }
ul#jsddm li a { color:#444; background-color:#EEE; border-right:1px solid #FFF; display:block; line-height:24px; margin:0; padding:5px 10px; text-decoration:none; white-space:nowrap; }
ul#jsddm li a:hover { background-color:#777; color:#FFF; cursor:pointer; text-decoration:none; }
ul#jsddm li a.active { background-color:#777; color:#FFF; }
ul#jsddm li ul { border-top:1px solid #FFF; margin:0; padding:0; position:absolute; visibility:hidden; z-index:1000; }
ul#jsddm li ul li { display:inline; float:none; }
ul#jsddm li ul li a { background-color:#EEE; color:#444; margin:0; padding:5px 10px; width:auto; }
ul#jsddm li ul li a:hover { -moz-border-radius:0; -webkit-border-radius:0; background-color:#CCC; color:#000; }



/* CLASES CREADAS POR MI PARA JQUERY.VALIDATE */
input.error, input select.error {border: 1px solid red; }  
label.error{ background:url(../img/msg-error.png) 3px center no-repeat; color:#900; padding:5px 5px 5px 25px; }
